<div id="segurocotizacion-dialog" title="Datos de cotizacion">
	
<!-- 	<h3>DATOS DE COTIZACION</h3> -->
	<div class="ms-form">
	<form class="dialog" name="formulario_cotizacion">
		
		 <table class="form">
        <tr>
          <td><span class="required">*</span>Nombre</td>
          <td><input type="text" name="segurocotizacion-name" id="segurocotizacion-name" value=""></input> </td>
           
         
        </tr>
		<tr>
		<td><span class="required">*</span>Apellidos</td>
		<td><input type="text" name="segurocotizacion-apellidos" id="segurocotizacion-apellidos" value=""></input></td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Correo</td>
		<td><input type="text" name="segurocotizacion-email" id="segurocotizacion-email" value=""></input></td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Telefono</td>
		<td><input type="text" name="segurocotizacion-telefono" id="segurocotizacion-telefono" value=""></input></td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Genero</td>
		<td><input type="radio" name="segurocotizacion-genero" value="hombre" checked="checked" > Hombre</input>
		<input type="radio" name="segurocotizacion-genero" value="mujer"> Mujer</input><br/></td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Edad</td>
		<td><input type="text" name="segurocotizacion-edad" id="segurocotizacion-edad" value=""></input></td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Persona contratante</td>
		<td><input type="radio" name="segurocotizacion-persona" value="fisica" checked="checked" > Fisica</input>
		<input type="radio" name="segurocotizacion-persona" value="moral"> Moral</input></td>
		</tr>
		
		<tr>
			<td><span class="required">*</span>Armadora</td>
			<td><select id="segurocotizacion-armadora" name="segurocotizacion-armadora">
					 <option value="" selected="selected">--Seleccione---</option>
					<?php foreach ($armadoras as $armadora) { ?>
	              
	                 <option value="<?php echo $armadora['armadora_autos_id']; ?>" ><?php echo $armadora['descripcion_armadora']; ?></option>
	              <?php } ?>
					</select>
			</td>
		</tr>

		<tr>
			<td><span class="required">*</span>Marca</td>
			<td><select id="segurocotizacion-marca" name="segurocotizacion-marca">
					<option value="" selected="selected">---Seleccione---</option>
			</select>
			</td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Version</td>
		<td><input type="text" name="segurocotizacion-version" id="segurocotizacion-version" value=""></input></td>
		</tr>
		<tr>
		<td><span class="required">*</span>Estado</td>
			<td><select id="segurocotizacion-estado" name="segurocotizacion-estado">
					 	<option value="">---Seleccione---</option>
					 	<option value="Aguascalientes">Aguascalientes</option>
						<option value="Baja California">Baja California</option>
						<option value="Baja California Sur">Baja California Sur</option>
						<option value="Campeche">Campeche</option>
						<option value="Chiapas">Chiapas</option>
						<option value="Chihuahua">Chihuahua</option>
						<option value="Coahuila de Zaragoza">Coahuila de Zaragoza</option>
						<option value="Colima">Colima</option>
						<option value="Distrito Federal">Distrito Federal</option>
						<option value="Durango">Durango</option>
						<option value="Guanajuato">Guanajuato</option>
						<option value="Guerrero">Guerrero</option>
						<option value="Hidalgo">Hidalgo</option>
						<option value="Jalisco">Jalisco</option>
						<option value="Mexico">Mexico</option>
						<option value="Michoacan de Ocampo">Michoacan de Ocampo</option>
						<option value="Morelos">Morelos</option>
						<option value="Nayarit">Nayarit</option>
						<option value="Nuevo Leon">Nuevo Leon</option>
						<option value="Oaxaca">Oaxaca</option>
						<option value="Puebla">Puebla</option>
						<option value="Queretaro de Arteaga">Queretaro de Arteaga</option>
						<option value="Quintana Roo">Quintana Roo</option>
						<option value="San Luis Potosi">San Luis Potosi</option>
						<option value="Sinaloa">Sinaloa</option>
						<option value="Sonora">Sonora</option>
						<option value="Tabasco">Tabasco</option>
						<option value="Tamaulipas">Tamaulipas</option>
						<option value="Tlaxcala">Tlaxcala</option>
						<option value="Veracruz-Llave">Veracruz-Llave</option>
						<option value="Yucatan">Yucatan</option>
						<option value="Zacatecas">Zacatecas</option>
				</select></td>

		</tr>
			
		<tr>
		<td><span class="required">*</span>Codigo Postal</td>
		<td><input type="text" name="segurocotizacion-codigoPostal" id="segurocotizacion-codigoPostal" value=""></input></td>
		</tr>
		<tr>
		<td><span class="required">*</span>Cobertura</td>
			<td><select id="segurocotizacion-cobertura" name="segurocotizacion-cobertura">
					  <option value="" selected="selected">---Seleccione---</option>
					  <option value="amplia">Amplia</option>
					  <option value="limitada">Limitada</option>
					  <option value="rc">RC</option>
					</select>
			</td>
		</tr>
		
		<tr>
		<td><span class="required">*</span>Forma de pago</td>
			<td><select id="segurocotizacion-formapago" name="segurocotizacion-formapago">
				  <option value="" selected="selected">---Seleccione---</option>
				  <option value="anual">Anual</option>
				  <option value="semestral">Semestral</option>
				  <option value="trimestral">Trimestral</option>
				  <option value="mensual">Mensual</option>
				</select>
			</td>
		</tr>
		
		 <tr>
			<td><span class="required">*</span>Captcha</td>
			<td><img src="index.php?route=product/product/captcha" id="ms-captcha" style="vertical-align:top; margin: 5px 0" /></td>
		     
			
		</tr>
			
		<tr><td>&nbsp;</td><td> <input type="text" name="segurocotizacion-captcha" id="segurocotizacion-captcha" ></input></td></tr>
		
		</table>
		
		
		
		
	
		
	</form>
	</div>
</div>

<script type="text/javascript">
// var validator = new FormValidator('formulario_cotizacion', [{
//     name: 'segurocotizacion-name',
//     display: 'Campo de solo letras',    
//     rules: 'required|alpha'
// }, {
//     name: 'segurocotizacion-apellidos',
//     display: 'Campo de solo letras',  
//     rules: 'required|alpha'
// },  {
//     name: 'segurocotizacion-email',
//     rules: 'required|valid_email'
// }, {
//     name: 'segurocotizacion-telefono',
//     rules: 'required|numeric'
// }, {
//     name: 'segurocotizacion-edad',
//     rules: 'required|integer'
// }, {
//     name: 'segurocotizacion-armadora',
//     rules: 'required|greater_than[0]'
// },  {
//     name: 'segurocotizacion-marca',
//     rules: 'required|greater_than[0]'
// }, {
//     name: 'segurocotizacion-version',
//     rules: 'required|alpha_numeric'
// }, {
//     name: 'segurocotizacion-estado',
//     rules: 'required|greater_than[0]'
// }, {
//     name: 'segurocotizacion-codigoPostal',
//     rules: 'required|integer|max_length[5]'
// }, {
//     name: 'segurocotizacion-cobertura',
//     rules: 'required|greater_than[0]'
// }, {
//     name: 'segurocotizacion-formapago',
//     rules: 'required|greater_than[0]'
// }
// ], function(errors, events) {
//     if (errors.length > 0) {
//         alert("errores");
// 	var errorString = '';
// for (var i = 0, errorLength = errors.length; i < errorLength; i++) {
//             errorString += errors[i].message + '<br />';
//         }
        		
//         //var el = document.getElementById("errores");
// 		//el.innerHTML = errorString;

// 		$('.segurocotizacion-dialog .ui-dialog-buttonpane').before('<p class="warning" style="clear:both">' + errorString + '</div>');		
//     }
// });
// Validate JS también permite establecer mensajes personalizados
/* validator.setMessage('required', 'El campo %s es obligatorio.');
validator.setMessage('decimal', 'El campo %s solo acepta numeros decimales.'); */

$('select[name=\'segurocotizacion-armadora\']').bind('change', function() {
	$.ajax({
		url: 'index.php?route=seguros/seguros-cotizacion/marcas&armadora_autos_id=' + this.value,
		dataType: 'json',
		beforeSend: function() {
			$('select[name=\'segurocotizacion-armadora\']').after('<span class="wait">&nbsp;<img src="catalog/view/theme/default/image/loading.gif" alt="" /></span>');
		},
		complete: function() {
			$('.wait').remove();
		},			
		success: function(json) {
			
			
			html = '<option value="">---Seleccione---</option>';
			
			  console.log("Longitud JSON:"+ json.length);
				for (i = 0; i < json.length; i++) {
					
        			html += '<option value="' + json[i]['marcas_autos_id'] + '"';
	    			
					
	    			html += '>' + json[i]['descripcion_marcas'] + '</option>';
				}
			
			
			$('select[name=\'segurocotizacion-marca\']').html(html);
		},
		error: function(xhr, ajaxOptions, thrownError) {
			alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
		}
	});
});

$('select[name=\'segurocotizacion-armadora\']').trigger('change');

</script>





